<template>
	<div>
		<div class="dialog-demo" v-show="showHideOnBlur" @click="showHideOnBlur=false">
			<div class="img-box" v-on:click.stop="">
				<icon type="warn"></icon>
				<span class="both3">考生信息或者偏好填写有误，请致电  <a @click="call" href="tel:027-88161985">027-88161985</a> 咨询相关工作人员</span>
				<div class="xxBox">
					<span class="xxsp" @click.stop="showHideOnBlur=false">
						<img src="~/static/images/volunteer_icon_close.png" alt="">
					</span>
				</div>
			</div>
		</div>

	</div>

</template>

<script>
	import {

		Icon

	} from "vux";
	export default {
		props: {},

		components: {
			Icon
		},
		data() {
			return {
				showHideOnBlur: false
			};
		},
		mounted: function() {},
		methods: {
			call() {
				let tel = "027-88161985"
				if (this.commonJs.checkTerminal() == 'ios') {
					window.webkit.messageHandlers.CallTelephone.postMessage(tel)
				} else if(this.commonJs.checkTerminal() == 'android'){
					ZMParentsJsToAndroid.CallTelephone(tel)
					setTimeout(() => {
						this.commonJs.blurAdjust()
					}, 10)
				};
			},
			shows() {
				this.showHideOnBlur = true
			}
		}
	};
</script>


<style scoped lang="less">
	.dialog-demo {
		position: fixed;
		background: rgba(0, 0, 0, 0.4);
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;

		.weui-dialog {
			border-radius: 0.1rem;
			padding-bottom: 0.1rem;
		}

		.dialog-title {
			line-height: 30px;
			color: #666;
		}

		.img-box {
			width: 80%;
			height: 4rem;
			background: #fff;
			overflow: hidden;
			font-size: 0.3rem;
			padding: 0.6rem 0.5rem 0;
			box-sizing: border-box;
			position: relative;

			.xxBox {
				position: absolute;

				top: 0rem;
				width: 1rem;
				height: 1rem;
				right: 0;

				.xxsp {
					width: 0.8rem;
					height: 0.8rem;
					display: block;

					margin: 0 auto;


					img {
						width: 0.3rem;
						height: 0.3rem;
						display: block;
						margin: 0.25rem auto;
					}
				}
			}

			.both3 {
				display: block;
				margin-top: 0.4rem;
				font-size: 0.3rem;
				font-weight: 600;
				line-height: 0.4rem;

				a {
					font-size: 0.3rem;
					font-weight: 600;
				}
			}

		}

		.vux-close {
			margin-top: 8px;
			margin-bottom: 8px;
		}
	}
</style>
